/**
 * @author Jhonnathan Peraza
 * @email jthadev@gmail.com
 * @create date 2024-04-18 10:26:18
 * @modify date 2024-04-30 17:39:31
 * @desc [MLC10 - Convocatorias]
 */


 body.form-builder-body{
    padding-top: 20px;
}

#sheets_form_builder .loader-modal {
    background-color: #e6e6e6d4;
}

#sheets_form_builder .loader-modal .loader-modal-spinner{
    background-color: #FE0B06;
}

#sheets_form_builder .form-border{
    padding-left: 20px;
    padding-right: 20px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

/* * Template module improvements */
body.form_886beaaf-594b-4421-b899-9c57dea7724d .min-height-handsontable{
    min-height: 400px !important;
}

body.form_886beaaf-594b-4421-b899-9c57dea7724d .min-height-handsontable > *{
    background-color: #f9f9f9
}

body.entity_type_template_entity_type .sheets_form_builder > div:first-child{
    width: 93vw !important;
    max-width: 1920px !important;
}
/* Template module improvements - end */

#sheets_form_builder ul#progress li.progress-number strong {
    color: var(--gray-scale-4) !important;
    font-size: 14px;
    font-weight: 600;
}

#sheets_form_builder ul#progress li.progress-number:before {
    border: solid 2px #DDE2E6 !important;
    background: #DDE2E6 !important;
    color: var(--tertiary-color);
}

#sheets_form_builder ul#progress li.active.progress-number:before {
    border: solid 2px var(--secondary-color) !important;
    background: var(--secondary-color) !important;
}

#sheets_form_builder ul#progress li.active.progress-number:after {
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    height: 2px !important;
}

#sheets_form_builder ul#progress li.active::after,
#sheets_form_builder ul#progress li.active::before,
#sheets_form_builder ul#progress li.checked::after,
#sheets_form_builder ul#progress li.checked::before {
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
}

#sheets_form_builder div.wrapper div.number {
    border: solid 2px var(--secondary-color) !important;
    background: var(--gray-scale-3) !important;
}

#sheets_form_builder div.wrapper div.step div.info p.title {
    color: var(--gray-scale-4) !important;
    font-size: 14px;
}

#sheets_form_builder div.wrapper div.step:after {
    background: var(--secondary-color) !important;
}

#sheets_form_builder div.wrapper div.active {
    background: var(--secondary-color) !important;
}

#sheets_form_builder .btn.btn-secondary {
    background-color: var(--gray-scale-4) !important;
    border-color: var(--gray-scale-4) !important;
}

#sheets_form_builder .btn.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

#sheets_form_builder .btn.btn-success.btn-block {
    width: auto;
    padding: .5rem 2rem .5rem 1rem;
    margin: auto;
}

#sheets_form_builder .btn.btn-block.btn-secondary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

#sheets_form_builder div.vs__actions {
    padding-right: .5rem;
}

#sheets_form_builder .btn-success.disabled,
#sheets_form_builder .btn-success:disabled {
  color: var(--gray-scale-1);
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

#sheets_form_builder .vs--disabled .vs__search, .vs--disabled .vs__open-indicator {
  background-color: var(--gray-scale-3);
  cursor: var(--gray-scale-3);
}

#sheets_form_builder .btn.btn-success:focus {
    box-shadow: 0 0 0 0.2rem var(--gray-scale-3);
}


/* ! -------------------------- */
/* ! Desarrollo importante CSS! START
/* ! NO BORRAR
/* ! NO BORRAR
/* ! NO BORRAR
/* ! NO BORRAR
/* ! -------------------------- */

.form-render-style{
    color: #2A3C48;
    text-decoration: underline;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: #F0F5F8;
    border-radius: 5px;
    border: 1px solid #cccccc !important;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle;
    padding: .85rem .75rem;
    width: calc(100% - 20px);
    display: inline-block;
    margin: 10px;
    position: relative;
    height: auto !important;
}

.form-render-style::after {
    height: 20px;
    width: 20px;
    content: url("data:image/svg+xml,%0A%3Csvg fill='rgb(158,158,158)' width='800px' height='800px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' class='icon'%3E%3Cpath d='M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z'/%3E%3Cpath d='M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 0 0-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z'/%3E%3C/svg%3E");
    justify-self: right;
    display: flex;
    float: right;
    right: 25px;
    top:0.45rem;
    position: absolute;
}

.selector-advanced-container{
    position: relative;
}
.selector-advanced-container::before{
    content: "";
    height: 15px;
    position: absolute;
    width:100%;
    background-color: #eef6f8;
    left: 0;
    top: 0;
}

/* ! -------------------------- */
/* ! Desarrollo importante CSS! END
/* ! -------------------------- */